<%@page contentType="text/html" pageEncoding="windows-1252"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="windows-1252">
		<title>Login</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<!-- Le styles -->
		<link href="styles/bootstrap.css" rel="stylesheet">
		<style type="text/css">
			body {
				padding-top: 60px;
				padding-bottom: 40px;
			}
			.sidebar-nav {
				padding: 9px 0;
			}
		</style>
	</head>
	<body>
        <!--Barra Superiore-->
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container-fluid">
                    <a class="brand" href="#">Sign in</a>
                    <div class="nav pull-right">
                        <ul class="nav">
                            <li><a href="helpDesk.jsp">Help-Desk</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--CONTENUTO GRANDE -->
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="hero-unit pagination-center" style="width:300px; margin: auto;">
                    <h1>Login<br /><br /></h1>
                    <form action="LoginServlet"  method="post" >
                        <table id="login">
							<tbody>
								<tr>
									<td><h6>Username</h6></td>
									<td><img src="images/user.png" class="alignRight" alt="user"></td>
								</tr>
								<tr>
									<td colspan="2"><input class="loginInput" type="text" name="username" /></td>
								</tr>
								<tr>
									<td><h6>Password</h6></td>
									<td><img src="images/security.png" class="alignRight" alt="security"></td>
								</tr>
								<tr>
									<td colspan="2"><input class="loginInput" type="password" name="password" /></td>
								</tr>
							</tbody>
							<tfoot>
								<tr>
									<td colspan="2"><button class="btn btn-primary btn-large">Login</button></td>
								</tr>
							</tfoot>
                        </table>
                    </form>
                </div>
			</div><!--/.fluid-container-->
			<div class="navbarCC navbar-fixed-bottom">
				<div class="navbarCC-inner">
					<div class="container-fluid">				
						<a class="brand" href="#">&copy; 2012 Startup</a>					
					</div>
				</div>
			</div>
			<!-- Il javascript -->
			<script src="js/jquery.js"></script>
			<script src="js/bootstrap.js"></script>
		</div>
	</body>
</html>
